<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻详情</title>
    <link rel="stylesheet" href="/css/News_details.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/layui-v2.6.4/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/layui/jquery.min.js"></script>
    <script src="/layui/axios.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div th:replace="common/common::head1"></div>
    <!-- 导航 -->
    <div th:replace="common/common::head2"></div>
    <!--横幅-->
    <div th:replace="common/common::head3"></div>
    <!-- 主体部分 -->
    <section class="main_body">
        <div class="container">
            <div class="ss">
                <div th:replace="common/common::head4"></div>

            </div>
        </div>
        <article>
            <main class="container cf">
                <div>
                    <p class="ding">新闻动态</p>
                    <p><a href="index.html">首页</a><a href="news.html">>>新闻动态</a><a href="#">>>注册会计师成立行业党委</a></p>
                </div>
            </main>
        </article>
        <!-- 侧边栏 -->
        <div class="layui-row" style="margin-top: 20px">
            <div class="layui-col-md8 layui-col-md-offset2" style="">
                <div class="layui-panel">
                    <div style="padding: 20px 30px;">
                        <blockquote class="layui-elem-quote">新闻详情</blockquote>
                        <div>
                            <div class="">
                                <h1 id="title" style="text-align: center">注册会计师成立行业党委</h1>
                                <p style="text-align: center">作者:<span id="author"></span>&emsp;发布时间: <span id="time"></span>&emsp;&emsp;<span id="viewCount"></span> 次浏览</p>
                                <br>
                                <div id="detail" class="layui-col-md-offset2">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--<aside  class="container cf ">
            <nav style="height: 800px">
                <ul>
                    <li class="list">新闻动态 </li>
                </ul>
            </nav>
            <div style="height: 800px">
                <div class="new_1">
                    <h3 id="title">注册会计师成立行业党委</h3>
                    <p>作者:<span id="author"></span>&emsp;发布时间: <span id="time"></span>&emsp;&emsp;<span id="viewCount"></span> 次浏览</p>
                    <main id="detail">

                    </main>
                </div>
            </div>
        </aside>-->
    </section>

       <!-- 尾部 -->
        <!-- 尾部 -->
    <div th:replace="common/common::footer"></div>
</body>
<script>
    layui.use(['form'],function () {
        var form = layui.form;


        axios.get('/front/news/getById/' + [[${newsId}]]).then(res => {
            var news = res.data.data;
            $("#title").text(news.newsTitle)
            $("#author").text(news.newsAuthor)
            $("#time").text(news.newsCreateTime)
            $("#viewCount").text(news.newsViewCount)
            $("#detail").html(news.newsDetail)
        })

    })
</script>
</html>
